@charset "utf-8";
.banner{ width:100%; height:calc(100vh - 75px); overflow:hidden; margin:0 auto; position:relative}
.banner .swiper01{ width:100%; height:100%; overflow:hidden; position:relative}
.banner .swiper01 .swiper-slide{ width:100%; height:100%; position:relative}
.banner .swiper01 .swiper-slide a{ display:block; width:100%; height:100%}
.banner .swiper01 img{ width:100%; height:auto;}
.banner .swiper01 .img1{ display:block; width:100%; height:100%}
.banner .swiper01 .img2{ display:none}
.banner .prev01{ background:url(prev.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-18px; z-index:9}
.banner .next01{ background:url(next.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-18px; z-index:9}
.banner .swiper01 .pagination01{ width:100%; font-size:0; text-align:left; position:absolute; left:0; bottom:50px; z-index:9; text-align:center}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:16px; height:16px; margin:0 6px; background:#fff; border-radius:50; opacity:1;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:#f29537; }
@media (max-width: 1440px){
	.banner .swiper01 .item{  width:1200px; }
	.banner .swiper01 .item .intro{ font-size:36px; }
}

@media (max-width: 1200px){
	.banner{ height:auto}
	.banner .swiper01{ height:auto}
	.banner .swiper01 .swiper-slide{ height:auto}
	.banner .swiper01 .swiper-slide a{ height:auto}
	
	
	.banner .swiper01 .pagination01{ bottom:10px}
	.banner .swiper01 .pagination01 span{ width:10px; height:10px; margin:0 4px;}
	.banner .swiper01 .img2{ display:block}
	.banner .swiper01 .img1{ display:none}
	.banner .swiper01 .pagination01{ left:0; width:100%; bottom:15px; text-align:center; font-size:0}
	.banner .swiper01 .pagination01 span{ width:6px; height:6px; margin:0 3px; border-radius:50%}	
	.banner .swiper01 .item{  width:92%;  transform:translate(-50%,-40%) }
	.banner .swiper01 .item .title{ font-size:24px;  }
	.banner .swiper01 .item .intro{ font-size:12px; }
	
}



.gcon_1{ width:100%; margin-top:80px}
.gcon_1 .hd{ width:100%}
.gcon_1 .hd ul{ width:fit-content; margin:0 auto}
.gcon_1 .hd ul li{ width:200px; float:left; text-align:center; padding-bottom:45px; cursor:pointer}
.gcon_1 .hd ul li .ico{ width:100%; text-align:center}
.gcon_1 .hd ul li .ico img{ height:50px; width:auto}
.gcon_1 .hd ul li .title{ font-size:20px; color:#333333; font-weight:bold; line-height:20px; padding:20px 0 25px}
.gcon_1 .hd ul li.on .title{ background:url(g_06.png) bottom center no-repeat}
.gcon_1 .hd ul li.on{ background:url(g_07.png) bottom center no-repeat; background-size:100%}
.gcon_1 .bd{ width:100%; overflow:hidden}
.gcon_1 .bd .con{ width:100%; overflow:hidden}
.gcon_1 .bd .con img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_1 .bd .con:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_1 .bd .con .img1{ display:block}
.gcon_1 .bd .con .img2{ display:none}
@media (max-width: 1760px){
	.gcon_1{ margin-top:60px}
	.gcon_1 .hd ul li{ width:180px; padding-bottom:42px}
	.gcon_1 .hd ul li .ico img{ height:42px; }
	.gcon_1 .hd ul li .title{ font-size:18px; line-height:18px; padding:18px 0 22px;}	
	.gcon_1 .hd ul li.on .title{ background-size:13px}
}
@media (max-width: 1200px){
	.gcon_1{ margin-top:40px}
	.gcon_1 .hd ul{ width:92%}
	.gcon_1 .hd ul li{ width:20%; padding-bottom:36px}
	.gcon_1 .hd ul li .ico img{ height:32px; }
	.gcon_1 .hd ul li .title{ font-size:16px; line-height:16px; padding:12px 0 18px;}	
	.gcon_1 .hd ul li.on .title{ background-size:13px}
	.gcon_1 .hd ul li.on{ background:url(g_07.png) bottom center no-repeat; background-size:100% 24px}
	.gcon_1 .bd .con .img2{ display:block}
	.gcon_1 .bd .con .img1{ display:none}
}
@media (max-width: 750px){
	.gcon_1 .hd{ width:92%; margin:0 auto; overflow:auto}
	.gcon_1 .hd ul{ width:500px}
	.gcon_1 .hd ul li{ width:100px; padding-bottom:10px}
	.gcon_1 .hd ul li .ico img{ height:28px; }
	.gcon_1 .hd ul li .title{ font-size:14px; line-height:14px; padding:10px 0 15px;}	
	.gcon_1 .hd ul li.on .title{ background-size:10px}
	.gcon_1 .hd ul li.on{background-size:0}
}

.gcon_2{ margin-top:80px}
.gcon_2 .lt{ width:410px; float:left; padding:30px 0 0 0}
.ihd{ font-size:36px; color:#333333; font-weight:bold; line-height:1; background:url(g_09.jpg) left bottom no-repeat; padding-bottom:24px}
.gcon_2 .lt .intro{ font-size:20px; color:#333333; font-weight:bold; line-height:72px; margin-top:90px}
.gcon_2 .lt .intro p{ background:url(g_10.jpg) left center no-repeat; padding-left:24px}
.gcon_2 .rt{ width:calc(100% - 410px); float:right}
.gcon_2 .rt .item{ width:32%; float:left; border-radius:20px; overflow:hidden; margin-right:2%; transition:all 0.3s; position:relative; position:relative}
.gcon_2 .rt .item:last-child{ margin-right:0}
.gcon_2 .rt .item.on{ width:570px;}
.gcon_2 .rt .item .pic{ width:570px; transform:translateX(-50%); position:relative; left:50%}
.gcon_2 .rt .item .pic img{ width:100%; }
.gcon_2 .rt .item .bj{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:url(mb2.png) center center no-repeat; background-size:cover}
.gcon_2 .rt .item .atit{ width:100%; text-align:center; position:absolute; font-size:20px; color:#333333; left:0; bottom:45px; z-index:3; transition:all 0.3s linear; opacity:1; visibility:visible}
.gcon_2 .rt .item .atit{ opacity:0; visibility:hidden}
.gcon_2 .rt .item .bj{ background:url(mb1.png) center center no-repeat; background-size:cover}
.gcon_2 .rt .item .cont{ width:100%; height:100%; box-sizing:border-box; padding:65px 45px; position:absolute; left:0; top:0; z-index:4; transition:all 0.3s ;opacity:0; visibility:hidden}
.gcon_2 .rt .item .cont{ opacity:1; visibility:visible}
.gcon_2 .rt .item .cont .title{ font-size:24px; color:#00989d; font-weight:bold; line-height:1;}
.gcon_2 .rt .item .cont .intro{ font-size:16px; color:#666666; line-height:2; margin-top:20px;}
.gcon_2 .rt .item .cont .content{ font-size:14px; color:#666666; line-height:2; margin:15px 0 30px;}
.gcon_2 .rt .item .cont .more{ width:30px; height:30px; background:url(g_11.png) center center no-repeat}
@media (max-width: 1760px){
	.gcon_2{ margin-top:60px}
	.gcon_2 .lt{ width:280px;}
	.ihd{ font-size:28px; padding-bottom:20px; background-size: 50px 3px}
	.gcon_2 .lt .intro{ font-size:14px; line-height:40px; margin-top:60px;}
	.gcon_2 .lt .intro p{ padding-left:20px}
	.gcon_2 .rt{ width:calc(100% - 280px);}
	.gcon_2 .rt .item{/* width:210px;*/}
	.gcon_2 .rt .item.on{ width:480px;}
	.gcon_2 .rt .item .pic{ width:480px;}
	.gcon_2 .rt .item .atit{ font-size:18px; bottom:40px}
	.gcon_2 .rt .item .cont{ padding:55px 40px}
	.gcon_2 .rt .item .cont .title{ font-size:22px}
	.gcon_2 .rt .item .cont .intro{ font-size:14px;   margin-top:16px}
	.gcon_2 .rt .item .cont .content{ font-size:12px; margin:12px 0 25px;}
	
	.gcon_2 .rt .item .bj{ background:url(mb1.png) center center no-repeat; background-size:cover}
}
@media (max-width: 1200px){
	.gcon_2{ margin-top:40px}
	.gcon_2 .lt{ width:100%; padding:0}
	.ihd{ font-size:20px; padding-bottom:16px; background-size: 30px 2px}
	.gcon_2 .lt .intro{ font-size:14px; line-height:2; margin-top:15px;}
	.gcon_2 .lt .intro p{ padding-left:20px}
	.gcon_2 .rt{ width:100%;}
	.gcon_2 .rt .item{ width:100%; border-radius:10px; margin-top:15px; width:49%; margin-right:2%}
	.gcon_2 .rt .item:nth-child(2n){ margin-right:0}
	.gcon_2 .rt .item.on{ width:49%;}
	.gcon_2 .rt .item .pic{ width:100%;}
	.gcon_2 .rt .item .atit{ font-size:18px; bottom:40px; opacity:0; visibility:hidden}
	.gcon_2 .rt .item .cont{ padding:30px 20px; opacity:1; visibility:visible}
	.gcon_2 .rt .item .cont .title{ font-size:18px}
	.gcon_2 .rt .item .cont .intro{ font-size:14px; margin-top:16px}
	.gcon_2 .rt .item .cont .more{ width:30px; height:30px; background-size:cover}
}
@media (max-width:750px){
	.gcon_2 .rt .item{ width:100%; margin-right:0%}
	.gcon_2 .rt .item.on{ width:100%;}
}

.gcon_3{ background:#f7f8f9; margin-top:80px; padding:100px 0}
.gcon_3 .ibd{ margin-top:50px}
.gcon_3 .ibd .pic{ float:right; width:827px; overflow:hidden; position:relative}
.gcon_3 .ibd .pic img{ width:100%}
.gcon_3 .ibd .pic span{ display:block; width:100%; height:100%; background:url(g_13.png) center center no-repeat; position:absolute; left:0; top:0; z-index:2; cursor:pointer; transition:all 0.3s linear;transform:scale(1)}
.gcon_3 .ibd .pic:hover span{ transform:scale(1.1)}
.gcon_3 .ibd .cont{ width:680px; float:left;}
.gcon_3 .ibd .cont .intro{ font-size:16px; color:#333333; line-height:2; margin-bottom:60px; text-align:justify}
.gcon_3 .ibd .cont ul{display:flex;justify-content: space-between; width:55%}
.gcon_3 .ibd .cont ul li{ }
.gcon_3 .ibd .cont ul li .p1{ line-height:1}
.gcon_3 .ibd .cont ul li .p1 .num{ font-size:36px; color:#0c99a0; font-family:Arial; font-weight:bold}
.gcon_3 .ibd .cont ul li .p1 i{ font-size:16px; color:#0c99a0; vertical-align:top;}
.gcon_3 .ibd .cont ul li .p2{ font-size:14px; color:#666666}
.gcon_3 .ibd .cont ul li:nth-child(4){ margin-right:0}
.gcon_3 .ibd .cont .more{ margin-top:40px}
.gcon_3 .ibd .cont .more a{ display:block; background:url(g_11.png) center center no-repeat; width:30px; height:30px; background-size:cover}
@media (max-width: 1760px){
	.gcon_3{ margin-top:60px; padding:80px 0}
	.gcon_3 .ibd .pic{ width:640px;}	
	.gcon_3 .ibd .cont{ width:500px;}	
	.gcon_3 .ibd .cont .intro{ font-size:14px; margin-bottom:30px}
	.gcon_3 .ibd .cont ul li .p1 .num{ font-size:30px}
	.gcon_3 .ibd .cont ul li .p1 i{ font-size:14px;}
	.gcon_3 .ibd .cont ul li .p2{ font-size:12px;}
	.gcon_3 .ibd .cont .more{ margin-top:30px}
}
@media (max-width: 1200px){
	.gcon_3{ margin-top:40px; padding:40px 0}
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .ibd .pic{ width:100%;}	
	.gcon_3 .ibd .pic span{ background-size:40px}
	.gcon_3 .ibd .cont{ width:100%;}	
	.gcon_3 .ibd .cont .intro{ font-size:14px; margin:20px 0}
	.gcon_3 .ibd .cont ul li .p1 .num{ font-size:28px}
	.gcon_3 .ibd .cont ul li .p1 i{ font-size:12px;}
	.gcon_3 .ibd .cont ul li .p2{ font-size:12px;}
	.gcon_3 .ibd .cont .more{ margin-top:20px}
}

.gcon_4{ width:100%; margin:80px 0;}
.gcon_4 .top .ihd{ float:left}
.gcon_4 .top .hd{ float:right}
.gcon_4 .top .hd ul li{ width:130px; height:40px; box-sizing:border-box; border-radius:20px; border:1px solid #797979; font-size:18px; color:#333333;display:flex;align-items: center;justify-content: center; float:left; margin-left:25px; cursor:pointer}
.gcon_4 .top .hd ul li a{ display:block; color:#333}
.gcon_4 .top .hd ul li.on{ background:#00979d; border:1px solid #00979d; color:#fff}
.gcon_4 .top .hd ul li.on a{ color:#fff}
.gcon_4 .bd{ margin-top:60px}
.gcon_4 .bd .mySwiper03{ width:100%; overflow:hidden; position:relative}
.gcon_4 .bd .mySwiper03 .swiper-slide{ width:23.5%; margin-right:2%}
.gcon_4 .bd .mySwiper03 .swiper-slide:last-child{ margin-right:0}
.gcon_4 .bd .mySwiper03 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_4 .bd .mySwiper03 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_4 .bd .mySwiper03 .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_4 .bd .mySwiper03 .swiper-slide .content .title{ margin-top:20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:18px; color:#333333}
.gcon_4 .bd .mySwiper03 .swiper-slide .content .intro{ font-size:14px; color:#999999; line-height:25px; height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:15px}
.gcon_4 .bd .mySwiper03 .swiper-slide:hover .content .title{ color:#00979d}
.gcon_4 .bd .mySwiper03 .swiper-slide .content .time{font-size:14px; color:#0c99a0; margin-top:20px}
.gcon_4 .bd .mySwiper03 .pagination04{ width:100%; text-align:center; margin-top:20px}
.gcon_4 .bd .mySwiper03 .pagination04 span{ width:10px; height:10px; background:#ccc; opacity:1}
.gcon_4 .bd .mySwiper03 .pagination04 span.swiper-pagination-bullet-active{ background:#00979d}


.gcon_4 .bd .mySwiper03 .prevs04{ background:url(g_29.png) center center no-repeat; width:46px; height:46px; cursor:pointer; background-size:cover; position:absolute; left:0; top:calc(50% - 90px); margin-top:-23px; z-index:2; display:none}
.gcon_4 .bd .mySwiper03 .nexts04{ background:url(g_29.png) center center no-repeat; width:46px; height:46px; cursor:pointer; background-size:cover; position:absolute; right:0; top:calc(50% - 90px); margin-top:-23px; z-index:2; transform:rotate(180deg); display:none}
.gcon_4 .bd .mySwiper03 .prevs:hover04{ background:url(g_30.png) center center no-repeat; background-size:cover; transform:rotate(180deg)}
.gcon_4 .bd .mySwiper03 .nexts:hover04{ background:url(g_30.png) center center no-repeat; background-size:cover; transform:rotate(0)}
.gcon_4 .bd .mySwiper03:hover .prevs04{ display:block}
.gcon_4 .bd .mySwiper03:hover .nexts04{ display:block}

@media (max-width: 1760px){
	.gcon_4 .bd .mySwiper03 .prevs04{ top:calc(50% - 85px);}
	.gcon_4 .bd .mySwiper03 .nexts04{  top:calc(50% - 85px);}
}







@media (max-width: 1200px){
	.gcon_4{ margin:40px 0}
	.gcon_4 .top .hd ul li{ width:100px; height:30px; font-size:14px; margin-left:20px}
	.gcon_4 .bd{ margin-top:20px}
	.gcon_4 .bd .mySwiper03 .swiper-slide .content .title{ margin-top:12px; font-size:14px}
	.gcon_4 .bd .mySwiper03 .swiper-slide .content .intro{ font-size:12px; height:40px; line-height:20px; margin-top:10px}
	.gcon_4 .bd .mySwiper03 .swiper-slide .content .time{ font-size:12px; margin-top:10px}
	.gcon_4 .bd .mySwiper03 .pagination04{ margin-top:12px}
	.gcon_4 .bd .mySwiper03 .pagination04 span{ width:8px; height:8px;}
}
@media (max-width: 750px){
	.gcon_4 .top .hd{ width:100%; margin-top:20px}
	.gcon_4 .top .hd ul li{ margin:0 10px 0 0; width:92px}
	.gcon_4 .top .hd ul li:last-child{ margin-right:0}
	.gcon_4 .bd .mySwiper03 .swiper-slide{ width:49%;}
}